<!doctype html>
<html>
<!-- Last updated:2022/08/30 -->
<head>
  <meta charset="UTF-8">
  <meta name="Author" content="setycyas">
  <link rel="stylesheet" href="style.css" type="text/css" />
  <script src="jquery.min.js"></script>
  <script src="fav.js"></script>
  <script src="jsonCmd.class.js"></script>
  <title>json数据命令版网络收藏夹</title>
  <script>
    var JC;
    /* 唯一的自定义函数,指定key被点击后的行为 */
    function action(key, value){
      let url;
      //显示url,tags,note,如果只是一个字符串,则只有url
      if (typeof(value)=='string'){
        url = value;
        jQuery('#url').val(url);
        jQuery('#tags').val('');
        jQuery('#note').val('');
      }else{
        url = value['url'];
        jQuery('#url').val(url);
        if ('tags' in value) {
          jQuery('#tags').val(value['tags']);
        }else{
          jQuery('#tags').val('');
        };
        if ('note' in value) {
          jQuery('#note').val(value['note']);
        }else{
          jQuery('#note').val('');
        };
        
      };
      if (!jQuery('#check').prop('checked')) window.open(url, '_blank');
    }
    
    /* 加载开始 */
    function onLoad(){
      JC=new jsonCmd(DATA, $('#table'), action, 4);
    }
    
    /* 查找标签,找到后直接写入文本框 */
    function find_tags(data){
      let tags = jQuery('#find_tags_input').val();
      if (tags.length == 0) return;
      for(let i = 0;i < data.length;i++){
        let item = data[i];
        //console.log(item);
        if (item[0].substr(0, 1) == '+'){
          //需要查找下一层的情况
          //console.log('step in', item[0]);
          find_tags(item[1]);
        }else{
          //单个url的情况
          if ((typeof(item[1]) != 'string')&&('tags' in item[1])){
            if (item[1]['tags'].indexOf(tags) > -1){
              let text = jQuery('#find_tags_result').val()+item[0]+':'+item[1]['url']+'\n';
              jQuery('#find_tags_result').val(text);
            }
          }
        }
      }
    }  
    
  </script>
</head>

<body onload="onLoad();">

<section id="main" class="container">
    url:<br/><input id="url" style="width:50%" /><br/>
    tags:<br/><input id="tags" style="width:50%" /><br/>
    note:<br/><textarea id="note" style="width:50%" ></textarea><br/>
    <input id="check" type="checkbox" />不打开网页<br/>
    <table id="table" class="table table-bordered table-striped table-condensed pull-left"></table>
    <button id="find_tags_button" onclick="jQuery('#find_tags_result').val('');find_tags(DATA);">查找tags:</button>
    <br/>
    <input id="find_tags_input" style="width:50%" /><br/>
    <textarea id="find_tags_result" style="width:50%" ></textarea>   
</section>

</body>
</html>